<tagLib name="html"/>
<include file="./Index/Tpl/Home/default/public/header.htm" />
<script type="text/javascript">
//搜索客栈列表
function innSearch() {
    keyword = $(".searchkz #keyword").val();
    city = $(".searchkz #city").val();
    type = $(".searchkz #type").val();
    url = "__ACTION__";
    if(city!="")
        url += "-c-" + city;
    if(keyword!="")
        url += "-k-" + keyword;
    if(type!="")
        url += "-s-" + type;
    window.location.href = url;
}
/*
(function($){
	$(function(){
        $("#city").tooltip({
            events: {input:"keydown,blur"},
            position:"bottom center"
        });
        $("#city").keyup(function(){
            if($(this).val()=="") this.getTip().hide();
        });
        $("#city").change(function() {
            if($(this).val() == "")
                //$(this).
            else
                $(this).tooltip({position:"bottom center"});
        });
    });
})(jQuery);
*/
</script>
    <!--顶部信息 end-->
    <!--top end-->
    <!--主体内容 start-->
    <div class="kz_list_content">
        <div class="content">
        	<!--kzlist_left start-->
            <div class="kzlist_left">
            	<!--搜索客栈 start-->
                <div class="searchkz">
                	<div class="kzlist_left_title">
                    	<ul class="white">搜索客栈</ul>
                    </div>
                    <div class="skz_nr">
                    	<div class="mn">
                        	<ul>
                            <select id='city'>
                                <volist name='innAreaProvince' id='province'>
                                    <optgroup label="<{$province.name}>">
                                        <volist name='innCity[$province["id"]]' id='city'>
                                            <option value='<{$city.id}>'><{$city.name}></option>
                                        </volist>
                                    </optgroup>
                                </volist>
                            </select>
                            </ul>
                            <!-- <ul class="mn_xl tooltip">
                            	<li><a href="">中国</a></li>
                                <li><a href="">中国</a></li>
                                <li><a href="">中国</a></li>
                                <li><a href="">中国</a></li>
                            </ul> -->
                        </div>
                        <!--<div class="mn">
                        	<ul><input type="text" value="市的下级区县" />
                        	</ul>
                            <ul class="mn_xl">
                            	<li><a href="">中国</a></li>
                                <li><a href="">中国</a></li>
                                <li><a href="">中国</a></li>
                                <li><a href="">中国</a></li>
                            </ul>
                        </div>-->
						<div class="mn">
                        	<div class="gjz">
                        		<ul><input type="text" value="输入关键字" id='keyword' /></ul>
                            </div>
                            <div class="yf" style="float:right; margin:0;">
                                <html:select options="innTypeList" first="--按类型--" id='type' />
                                <!-- <ul><input type="text" value="按类型" id='type' />
                                </ul>
                                <ul class="mn_xl">
                                    <li><a href="">中国</a></li>
                                    <li><a href="">中国</a></li>
                                    <li><a href="">中国</a></li>
                                    <li><a href="">中国</a></li>
                                </ul> -->
                            </div>
                        </div>
                        <!--<div class="mn">
							<div class="year">
                                <ul><input type="text" value="入住时间" />
                                </ul>
                                <ul class="mn_xl">
                                    <li><a href="">中国</a></li>
                                    <li><a href="">中国</a></li>
                                    <li><a href="">中国</a></li>
                                    <li><a href="">中国</a></li>
                                </ul>
                            </div>
							<div class="yf">
                                <ul><input type="text" value="按价格" />
                                </ul>
                                <ul class="mn_xl">
                                    <li><a href="">中国</a></li>
                                    <li><a href="">中国</a></li>
                                    <li><a href="">中国</a></li>
                                    <li><a href="">中国</a></li>
                                </ul>
                            </div>
                        </div>-->
						<div class="kzlist_ss">
                        	<ul><button onclick='innSearch()'>&nbsp;</button></ul>
                        </div>
                    </div>
                </div>
                <!--搜索客栈 start-->
                <div class="clear"></div>
                <!--今日入住 start-->
                <div class="jrrz">
                	<li>
                    	<span class="green bold">今日入住：</span>
                        <span class="yellow bold ari"><{$innStat.checkin}></span>
                    </li>
                    <li>
                    	<span class="green bold">客栈共计：</span>
                        <span class="yellow bold ari"><{$innStat.inncount}></span>
                    </li>
                    <li>
                    	<span class="green bold">在线人数：</span>
                        <span class="yellow bold ari"><{$innStat.vister}></span>
                    </li>
                    <li>
                    	<span class="green bold">话题：</span>
                        <span class="yellow bold ari"><{$innStat.subject}></span>
                    </li>
                    <li>
                    	<span class="green bold">累计已有：</span>
                        <span class="yellow bold ari"><{$innStat.order}></span>
                        <span class="green bold">人预订</span>
                    </li>
                </div>
                <!--今日入住 end-->
                <div class="clear"></div>
                <!--英文 start-->
                <div class="yw">
                	<li><img src="__PUBLIC__/images/yw.jpg" /></li>
                </div>
                <!--英文 end-->
                <div class="clear"></div>
                <!--保障服务 start-->
                <present name='topBlogList'>
                <div class="k4">
                	<ul class="jdxx_title"><{$cityName}>游记攻略</ul>
                    <ul class="ll_before">
                        <volist name='topBlogList' id='vo'>
                        <li class="yjgl_nr">
                            <p>
                                <span><a target="_blank" href="__UCHOME__/space.php?do=blog&id=<{$vo.blogid}>"><img width="110" height="60" src="__UCHOME__/attachment/<{$vo.pic}>" /></a></span>
                            </p>
                            <p class="yjgl_nr_right">
                                <span><a class="red bold" target="_blank" href="__UCHOME__/space.php?do=blog&id=<{$vo.blogid}>"><{$vo.subject}></a></span>
                                <span class="yj_ly">
                                    <a><img width="16" height="16" src="__UCENTER__/avatar.php?uid=<{$vo.uid}>&size=small"/></a>
                                    <a class="gray font12" target="_blank" href="__UCHOME__/space.php?uid=<{$vo.uid}>"><{$vo.username}>&nbsp;撰写</a>
                                </span>
                                <span class="font12">
                                    <a class="black" target="_blank" href="__UCHOME__/space.php?do=blog&id=<{$vo.blogid}>"><{$vo.subject}></a>
                                </span>
                            </p>
                        </li>
                        </volist>
                        
                        <volist name='otherBlogList' id='vo'>
                        <li class="zxyj">
                        	<span>
                                <a><img width="16" height="16" src="__UCENTER__/avatar.php?uid=<{$vo.uid}>&size=small"/></a>
                                <a class="gray font12" target="_blank" href="__UCHOME__/space.php?do=blog&id=<{$vo.blogid}>"><{$vo.subject}></a>
                            </span>
                        </li>
                        </volist>
                    </ul>
                </div>
                </present>
                <!--保障服务 end-->
                <div class="clear"></div>
                <!--本月热门客栈 start-->
                <present name='picBlogList'>
                <div class="k4">
                	<ul class="jdxx_title"><{$cityName}>周边景区图集</ul>
                    <ul class="ll_before">
                    	<li class="jqtj">
                        	<volist name='picBlogList' id='vo'>
                            <span>
                            	<a href="__UCHOME__/space.php?do=blog&id=<{$vo.blogid}>" target="_blank"><img src="__UCHOME__/attachment/<{$vo.pic}>" /></a>
                                <a href="__UCHOME__/space.php?do=blog&id=<{$vo.blogid}>" target="_blank"><{$vo.subject}></a>
                            </span>
                            </volist>
                        </li>
                    </ul>
                </div>
                </present>
                <!--本月热门客栈 end-->
                <div class="clear"></div>
                <!--本月热门城市 start-->
                <present name='hoteltour'>
                <div class="k4">
                	<ul class="jdxx_title"><{$cityName}>旅游</ul>
                    <ul class="tj_kz"><{$hoteltour}></ul>
                </div>
                </present>
                <!--本月热门城市 end-->
                <div class="clear"></div>
                <!--推荐客栈 end-->
           	</div>
           	<!--kzlist_left end-->
            <!--kzlist_right start-->
            <div class="kzlist_right">
                <!--推荐 start-->
                <div class="kz_list_tj">
                	<ul class="kztj_title">
                    	<li>推荐</li>
                    </ul>
                    <ul class="kzlist_tj_nr">
                    	<li><a href=""><img src="__PUBLIC__/images/jrtj.jpg" width="66" height="66" /></a></li>
                    	<li class="kz_tj_jd">
                        	<volist name='recommendInnList' id='vo'>
                            <p>
                            	<span><a href="__URL__/view-id-<{$vo.id}>" target="_blank"><{$vo.name}></a></span>
                                <span class="yellow">￥<{$vo.minprice}></span>
                                <span class="blue">好评 <{$vo.score}>%</span>
                                <span><img src="__PUBLIC__/images/kzlist_hp.jpg" /></span>
                            </p>
                            </volist>
                        </li>
                    </ul>
                </div>
                <!--推荐 end-->
                <div class="clear"></div>
                <!--按条件筛选 start-->
                <div class="sx">
                	<ul class="sx_title">按条件筛选</ul>
                    <ul class="sx_nr">
                        <li>
                        	<span class="bold">按客栈类型：</span>
                            <span class="sx_nr_right">
                            	<a href='<{$baseUrl}><{:makeparam("-s-",$baseParam,1,0)}>' <empty name="baseParam[0]">class="sx_nr_hover"</empty>>不限</a>
                                <volist name='innType' id='vo'>
                                <a href='<{$baseUrl}><{:makeparam("-s-",$baseParam,1,$vo["id"])}>' <eq name="baseParam[0]" value="$vo['id']">class="sx_nr_hover"</eq>><{$vo.name}></a>
                                </volist>
                            </span>
                        </li>
                        <li>
                        	<span class="bold">按等级划分：</span>
                            <span class="sx_nr_right">
                            	<a href='<{$baseUrl}><{:makeparam("-s-",$baseParam,2,0)}>' <empty name="baseParam[1]">class="sx_nr_hover"</empty>>不限</a>
                                <volist name='innClass' id='vo'>
                                <a href='<{$baseUrl}><{:makeparam("-s-",$baseParam,2,$vo["id"])}>' <eq name="baseParam[1]" value="$vo['id']">class="sx_nr_hover"</eq>><{$vo.name}></a>
                                </volist>
                            </span>
                        </li>
                        <li>
                        	<span class="bold">按主题分类：</span>
                            <span class="sx_nr_right">
                            	<a href='<{$baseUrl}><{:makeparam("-s-",$baseParam,3,0)}>' <empty name="baseParam[2]">class="sx_nr_hover"</empty>>不限</a>
                                <volist name='innSubject' id='vo'>
                                <a href='<{$baseUrl}><{:makeparam("-s-",$baseParam,3,$vo["id"])}>' <eq name="baseParam[2]" value="$vo['id']">class="sx_nr_hover"</eq>><{$vo.name}></a>
                                </volist>
                            </span>
                        </li>
                        <li>
                        	<span class="bold">按推荐方式：</span>
                            <span class="sx_nr_right">
                            	<a href='<{$baseUrl}><{:makeparam("-s-",$baseParam,4,0)}>' <empty name="baseParam[3]">class="sx_nr_hover"</empty>>不限</a>
                                <volist name='innRecommend' id='vo'>
                                <a href='<{$baseUrl}><{:makeparam("-s-",$baseParam,4,$vo["id"])}>' <eq name="baseParam[3]" value="$vo['id']">class="sx_nr_hover"</eq>><{$vo.name}></a>
                                </volist>
                            </span>
                        </li>
                        <li>
                        	<span class="bold">按预订方式：</span>
                            <span class="sx_nr_right">
                            	<a href='<{$baseUrl}><{:makeparam("-s-",$baseParam,5,0)}>' <empty name="baseParam[4]">class="sx_nr_hover"</empty>>不限</a>
                                <volist name='innBookType' id='vo'>
                                <a href='<{$baseUrl}><{:makeparam("-s-",$baseParam,5,$vo["id"])}>' <eq name="baseParam[4]" value="$vo['id']">class="sx_nr_hover"</eq>><{$vo.name}></a>
                                </volist>
                            </span>
                        </li>
                    </ul>
                </div>
                <!--按条件筛选 end-->
                <div class="clear"></div>
                <!--客栈搜索列表 start-->
                <div class="kzlb">
                	<volist name='innList' id='vo'>
                    <div class="kzlb_nr">
                    	<ul class="kzlb_js">
                        	<li class="kzlb_tp"><img src="<{$vo.pic1}>" /></li>
                            <li class="kzlb_jj">
                            	<p class="font18"><{$vo.name}></p>
                                <p class="kzlb_jj_nr"><{$vo.shortintro}></p>
                                <p class="kz_ly">
                                	<span class="kz_bfb"><{$vo.score}>%</span>
                                    <span><a href="__URL__/view-id-<{$vo.id}>#score" target="_blank">查看点评</a></span><!-- 
                                    <span>|</span>
                                    <span><a href="__URL__/view-id-<{$vo.id}>" target="_blank">我要评论</a></span> -->
                                </p>
                            </li>
                        </ul>
                        <ul class="kz_price">
                        	<li class="yellow">￥<{$vo.minprice}>/晚起</li>
                            <li class="kz_qkk"><a href="__URL__/view-id-<{$vo.id}>" target="_blank">去看看</a></li>
                        </ul>
                    </div>
                    <div class="clear"></div>
                    </volist>
                </div>
                <!--客栈搜索列表 end-->
                <!--客栈列表翻页 start-->
                <div class="kz_fy"><{$pageBar}></div>
                <!--客栈列表翻页 end-->
            </div>
            <!--kzlist_right end-->
        </div>
    </div>
<{:W('foot')}>